body {
  margin-bottom: 20px;
}

body a:hover {
  text-decoration: none;
}

header {
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 100px;
  border-bottom: 1px solid #eeeeee;
  background-color: #0d8bba;
}

.barheader {
  width: 100%;
  height: 4px;
  background-image: url("/public/images/bar.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#logo {
  background-image: url("/public/images/mynewev2_little_white.png");
  width: 120px;
  height: 76px;
}

header a {
  color: #ffffff;
  font-weight: bold;
}

header a:hover {
  text-decoration: none;
  font-weight: bold;
  color:  #ffffff;
}

#logout {
  float: right;
  margin-right: 30px;
  
}

nav-header {
  clear: both;
  padding:30px;
  background-image: url("/public/images/navbar2.png");
  background-repeat: no-repeat;
  background-position:center; 
}

nav-header a {
  display:inline-block;
  padding-top: 35px;
  height: 50px;
  width: 150px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}

nav-header a:hover {
  color: #0066FF
  text-decoration: none;
  cursor:pointer;
}

nav-header .active {
  color:  #0066FF;
}

.selected {
  color: #0000FF
}

#adds {
  float: right;
  padding: 50px;
  paddin-top:250px;
  padding-bottom:250px;
  margin:20px;
  margin-right: 0px;
  border:solid 1px blue; 
}

.date {
  margin-bottom:100px;
}

.category {
  width: 280px;
  border:solid 2px black; 
  margin: 10px;
  color: #000000;
}

.category h4 {
 width: 270px;
 height: 30px;
 border-bottom: solid 2px black;
 line-height: 30px;
 padding-left: 10px;
 font-weight: bold;
 margin-top:0px;
 margin-bottom: 0px;
}

#nightlife {
 background-color: #68a0d6;
}

#culture {
 background-color: #ad5bad;
}

#sport {
 background-color: #33ad33;
}

#trips {
 background-color: #d1a347;
}

#entertainment {
 background-color: #adadff;
}

#learning {
 background-color: #ffff5b;
}

#register {
  float: right;
  width: 220px;
  padding: 30px;
  paddin-top:50px;
  padding-bottom:50px;
  margin:20px;
  margin-top:12px;
  margin-right: 0px;
  
  background-color: #e7e7e7;
  border:1px solid #838383;
  box-shadow:inset 1px 1px 0px 0px #c4c4c4;
  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

#register button {
	margin-top: 10px;
	padding: 5px;
	padding-left: 40px;
	padding-right: 40px;
}

#error {
  color: #ff0000;
}

#cssmenu ul{
	margin:0;
	padding:1px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:13px;
	background:transparent url('/public/images/black.jpg') repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
#cssmenu li{
	display:block;
	width: 24.9%;
	text-align: center;
	float:left;
	margin:0;
	pading:0;
	border-right:1px solid #ffffff;
	}
#cssmenu li a{
	display:block;
	width: 100%;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:10px 0 0 0;
	height:24px;
	height:40px;
	}
#cssmenu li:hover{
	background:transparent url('/public/images/blue.jpg') repeat-x top left;	
	}

#cssmenu .active {
	background:transparent url('/public/images/blue.jpg') repeat-x top left;
}

#headername {
  float: right;
  margin-right: 40px;
  margin-top: 35px;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
}

.myButton {

		margin-left: 20px;
    
        -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
        -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
        box-shadow:inset 0px 1px 0px 0px #bee2f9;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
        background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
        
        background-color:#63b8ee;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #3866a3;
        
        display:inline-block;
        
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #7cacde;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
        background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
        
        color:#14396a;
        background-color:#468ccf;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }
